import {
    createRouter,
    createWebHashHistory
} from "vue-router";
import ActorLeft from "../components/actor/Left.vue"
import ActorRight from "../components/actor/Right.vue"
import WaterLeft from "../components/water/Left.vue"
import WaterRight from "../components/water/Right.vue"
import BaseLeft from "../components/base/Left.vue"
import BaseRight from "../components/base/Right.vue"
import PointLeft from "../components/point/Left.vue"
import PointRight from "../components/point/Right.vue"
import ServerLeft from "../components/server/Left.vue"
import ServerRight from "../components/server/Right.vue"
import TilesetLeft from "../components/tileset/Left.vue"
import TilesetRight from "../components/tileset/Right.vue"
import PersonLeft from "../components/person/Left.vue"
import PersonRight from "../components/person/Right.vue"

const router = createRouter({
    history: createWebHashHistory(), // hash模式：createWebHashHistory，history模式：createWebHistory
    linkExactActiveClass: "active",
    routes: [{
        path: "/",
        redirect: "/base",
    }, {
        path: "/base",
        name: "base",
        components: {
            left: BaseLeft,
            right: BaseRight,
        },

    }, {
        path: "/actor",
        name: "actor",
        components: {
            left: ActorLeft,
            right: ActorRight,
        },
    }, {
        path: "/water",
        name: "water",
        components: {
            left: WaterLeft,
            right: WaterRight,
        },
    }, {
        path: "/point",
        name: "point",
        components: {
            left: PointLeft,
            right: PointRight,
        },
    }, {
        path: "/server",
        name: "server",
        components: {
            left: ServerLeft,
            right: ServerRight,
        },
    }, {
        path: "/tileset",
        name: "tileset",
        components: {
            left: TilesetLeft,
            right: TilesetRight,
        },
    }, {
        path: "/person",
        name: "person",
        components: {
            left: PersonLeft,
            right: PersonRight,
        },
    },
    ],
});




export default router;